﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="service_yuyue.aspx.cs" Inherits="service_yuyue" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="css/base.css" rel="stylesheet" type="text/css" />
    <link href="css/service.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
     <script type="text/javascript">
         function Trim(c) {
             return c.replace(/(^\s*)|(\s*$)/g, '');
         }
         function checkuser() {
             var username = $('#txt_username').val();
             var mobile = $('#txt_mobile').val();
             if (username == "" || username == null) {
                 alert("请输入用户名再提交！");
                 return false;
             }
             else {
                 var nameReg = /^[em|EM][0-9]{6}|[ems|EMS][0-9]{5}|[emd|EMD][0-9]{5}|[v|V][i|I][p|P][a-zA-Z0-9]{2}|[v|V][i|I][p|P][\W]{3}|[v|V][i|I][p|P][\W]{4}|[v|V][i|I][p|P][\W]{5}$/;
                 if (!nameReg.test(username) && nameReg != '') {
                     alert("卡号输入有误！请输入以（EM、EMS、EMD、VIP)开头的卡号");
                     $('#username').focus();
                     return false;
                 }
             }
             if (Trim(mobile) != "") {
                 var mobileReg = /^1[3,4,5,8][0-9]{9}$/;
                 if (!mobileReg.test(mobile) && mobileReg != '') {
                     alert("手机号码输入有误");
                     return false;
                 }
             }
//             else {
//                 alert("请输入手机号！");
//                 return false;
//             }
         }

         function closediv() {
             $('#divok').css('display', 'none');
         }
     </script>
</head>
<body>
    <form id="form1" runat="server">
    <input id="hidarea" runat="server" type="hidden" />
    <input id="hidid" runat="server" type="hidden" />
    <div class="train_detail" id="traininfo" runat="server">
      <div class="detail_left">
        <ul>
          <li class="h2" style="font-size:large">
              <asp:Label ID="lblplacename" runat="server"></asp:Label>
            </li>
          <li style="padding:6px 0; margin-bottom:15px; border-bottom:#CCC 1px solid;" class="font-weight">讲 师：<span class="blue"><asp:Label 
                  ID="lblteachername" runat="server"></asp:Label></span>
              <br />
            时 间：<span class="blue"><asp:Label 
                  ID="lbltraintime" runat="server"></asp:Label>
              </span></li>
          <li><asp:Label 
                  ID="lbltrainintro" runat="server"></asp:Label>
            </li>
          
        </ul>
      </div>
      <div class="detail_right">
        <div class="book_train">
          <div class="bt_top"></div>
          <div class="bt_mid">
            <div class="bg_number white font-weight" style="font-size:60px;">
                <asp:Label ID="lblnum" runat="server"></asp:Label></div>
            <ul>
              <li><img src="images/title_booktrain.jpg" /></li>
              <li>用户名:<asp:TextBox ID="txt_username" runat="server" class="input_train"></asp:TextBox>
              </li>
              <li>手机号:<asp:TextBox ID="txt_mobile" runat="server" class="input_train"></asp:TextBox>
              </li>
              <li class="font12">我们会将本次培训信息以短信形式发至您的手机</li>
              <li>
                  <asp:ImageButton ID="btn_canjia" ImageUrl="images/btn_train_join.jpg" 
                      class="img_nb" runat="server" OnClientClick="return checkuser()" 
                      onclick="btn_canjia_Click" /></li>
            </ul>
          </div>
          <div class="bt_bottom"></div>
        </div>
        <div class="book_train" style="margin-top:10px;">
          <div class="bt_top"></div>
          <div class="bt_mid">
            <ul>
              <li><img src="images/title_trainbrief.jpg" /></li>
              <li style="text-align:left; float:left;"> 
                  <asp:Image ID="teachimg" runat="server" class="floatLeft" Width="94px" 
                      Height="130px"/>
                <div class="floatLeft" style="padding-left:20px; width:265px;">
                    <span class="font-weight"><asp:Label ID="lblteachername1" runat="server"></asp:Label></span>
                    <br />
                    <span class="font12"><asp:Label ID="lblteacherintro" runat="server"></asp:Label></span>
                  </div>
              </li>
            </ul>
          </div>
          <div class=clearok></div>
          <div class="bt_bottom"></div>
        </div>
      </div>
    </div>
    <div class="train_detail" id="notrain" style="display:;" runat="server">
    <ul>
        <li style="margin-top:80px;"><span class="red font-weight">没找到适合您的培训？</span><br />
            ·您可以通过 <a target="_blank" href="http://kefu.emoney.cn/service_video.aspx" class="b">培训视频</a> 进行自助学习<br />
            ·也可以上 <a target="_blank" href="http://emoney.cenwave.com/main/frame.asp?language=Chinese&site_id=MTA2Mg==&service_type=MA==" class="b">盛维网络</a> 看看最新的在线视频</li>
    </ul>
    </div>

    <!------ 预定成功 start ------>
      <div class="book_success font14" id="divok" runat="server" visible="false">
        <div class="bs_title white font-weight">恭喜您<asp:Label ID="lblarea" runat="server" Text=""></asp:Label>用户，预约成功！</div>
        <div style="position:absolute; left:350px; top:35px;"><img src="images/ico_ticket.jpg" /></div>
        <ul>
          <li style="margin-top:20px;">您的预约号：<span class="red" style="font-size:40px; font-family:Arial, Helvetica, sans-serif;"><asp:Label ID="lblreservenum" runat="server" Text=""></asp:Label></span><br />
            <span class="font12" style="padding-left:82px;">会场凭预约码确认身份入场</span></li>
          <li class="red font-weight" style="margin:15px 0; padding-top:3px; background-color:#FAE5E5;">培训信息</li>
          <li> <span class="font-weight">
              <asp:Label ID="lblplacename1" runat="server" Text=""></asp:Label></span><br />
            讲师：<asp:Label ID="lblteachername2" runat="server" Text=""></asp:Label><br />
            时间：<asp:Label ID="lbltraintime1" runat="server" Text=""></asp:Label><br />
            会场地址：<asp:Label ID="lbltrainaddr" runat="server" Text=""></asp:Label><br />
            备注：<asp:Label ID="lblremark" runat="server" Text=""></asp:Label><br />
          </li>
          <li style="margin:20px; text-align:center;"><a href="#" onclick="closediv()"><img src="images/btn_ok.jpg" class="img_nb" /></a></li>
        </ul>
      </div>
      <!------ 预定成功 end ------>
    </form>
</body>
</html>
